body {
font-family: helvetica, arial;
font-size: 10px;

}

#container {
position: relative;
width: 310px;
margin: auto;
margin-top: 150px;

}

h1 {
	font-size: 20px;
	line-height: 20px;
}

ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}

a {
text-decoration: none;
color: #292929;
}

a:hover {
text-decoration: underline;
}

small {
color: gray;
font-weight: normal;
font-size: 11px;
display: block;
}

#widget {
overflow: hidden;
background: #e3e3e3;
padding: 1em;
border: 1px solid #c5c5c5;
height: 305px; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 310px;
-moz-border-radius-bottomright: 10px;
}

#widget img {
float: left;
border: 1px solid white;
padding: .2em;
background: #d3d3d3;
margin-right: .5em;
width: 90px;
height: 90px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 96px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

h4 {
padding-top: .5em;
font-size: 14px;
}

li p {
color: #474747;
margin-top: .4em;
}